var ml_img = $(".ml_img");
var ml_mo = $(".ml_mo");
var ml_b_img = $(".ml_b_img");
var mlbi_img = $(".ml_b_img img");
console.log(mlbi_img)
ml_img.on("mouseover",function(){
    ml_mo.css({display:"block"});
    ml_b_img.css({display:"block"});
});
ml_img.on("mouseout",function(){
    ml_mo.css({display:"none"});
    ml_b_img.css({display:"none"});
})
ml_img.on("mousemove",function(e){
    var e = e || event;
    var x = e.offsetX - 120;
    var y = e.offsetY - 120;
    x = x < 0 ? 0 : x;
    y = y < 0 ? 0 : y;
    x = x > 110 ? 110 : x;
    y = y > 110 ? 110 : y;
    var b_x = x / 120;
    var b_y = y / 120;
    ml_mo.css({
        left:x + "px",
        top:y + "px"
    })
    mlbi_img.css({
        left : -240 * b_x + "px",
        top : -240 * b_y + "px"
    })
})